:root { --nav-color: #8B4513; --header-color:#8B4513; --jianbian-color:#A0522D; }
/**{box-sizing: border-box;}*/
html,body{margin: 0;padding: 0;height: 100%;background-color: #F0FFFF; font-family: 微软雅黑, Tahoma, Arial, sans-serif;}
/*body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,hr, pre, form, fieldset, button, input,select,textarea, p, blockquote, th, td ,i{ margin: 0; padding: 0; font-style:normal;list-style: none;}*/          
/*input,select{border: none; font-size: 15px;background-color: #fff;}*/
/*input::-ms-clear{display:none;}*/
a{text-decoration:none;cursor:pointer;}
.hint{color:red;margin-left: 1rem;}

header,main,footer{display: fiex;color:#fff;}
header div{display: inline-block;}
header .logo{width: 16rem;height: 3rem;line-height: 3rem;background-color:  var(--nav-color);}

header .layui-icon,footer .layui-icon{display: inline-block;width: 3rem;height: 2rem;text-align: center;font-size: 1.5rem;}

header{width: 100%;height: 3rem;position: fixed;top:0;
       /*background:var(--header-color);*/
       background-image: linear-gradient(to right, var(--header-color),var(--jianbian-color),var(--header-color));
       box-shadow:0 0 50px -10px #fff;z-index: 1000;}
main{position: absolute;left:16rem;right:0;top:3rem;padding: 1rem;color:#000;}
footer{width: 16rem;position: fixed;left:0;bottom: 0;top:0;overflow: auto;overflow-x: hidden;
       /*background:  var(--nav-color);*/
       background-image: linear-gradient(to bottom, var(--nav-color), var(--jianbian-color));
       box-shadow:0 0px 10px 0px #fff;z-index: 1001;}
footer::-webkit-scrollbar {display:none}
footer .logo{position: fixed;top: 0;left: 0;width: 16rem;}
footer .home{margin-top: 3rem;}

.hidden{display: none;}
.ff-title{ position: absolute;top:0;left:0;display: none;text-align: center;width: 100%; line-height: 3rem; font-size: 1.2rem;}
.ff-nav li{text-align: left;line-height: 3rem;cursor:pointer;}
.ff-nav li a{color:#fff;}
.ff-nav li h3 a{position: relative;    bottom: 4px;}
.ff-nav  .layui-icon-down,.ff-nav .layui-icon-up,.ff-nav .layui-icon-right{float: right;width: 3rem;   height: 3rem; text-align: center; line-height: 3rem; font-size: 1rem;}
.ff-nav li h3{height: 3rem;overflow: hidden;}
.ff-nav li ul{display:none;}
.ff-nav li ul li{height:3rem;padding-left: 3rem;overflow: hidden;}
.ff-nav .ff-nav-active{box-shadow:0px 0px 5px 0px #fff inset;}
.ff-nav .ff-nav-active ul{display: block;}
.ff-nav .ff-nav-li-active{box-shadow:0px 0px 30px 0px #fff inset;}
.ff-nav li:hover{box-shadow:0px 0px 10px 0px #fff inset;}
.ff-nav .logo{box-shadow:-15px -15px 15px -20px #fff inset;}
/*.ff-nav .logo:hover{box-shadow:0px 0px 10px 0px #fff;}*/

.search{position: relative;top:-5px;}
.search input{width: 20rem;height: 1rem;line-height: 1rem;border-radius: 1rem;padding: 0.3rem; padding-right: 1.5rem;margin-left: 2rem;background-color: #F0FFFF;}
.search .layui-icon-search{position: relative;top: 0.3rem; right: 2.7rem; color: var(--header-color);}

.userinfo .ff-hd-user{position: absolute;top:0;right:0;width: 10rem;height: 3rem;line-height: 3rem;overflow: hidden;cursor:pointer;}
.userinfo .ff-hd-user img{width:2rem;height:2rem;border-radius: 1rem;margin-right: 0.5rem;}
.userinfo .ff-hd-user a{color: #fff;}
.userinfo .ff-hd-ul{width: 10rem;position: absolute;top:3rem;right:0;background-color: var(--header-color);box-shadow:0px 0px 5px 0px #fff inset;display: none;}
.userinfo .ff-hd-ul li{padding: 0 1rem;}



.ff-body{margin:  1rem;border-radius: 2px;box-shadow:0px 5px 30px -5px var(--nav-color);}
.ff-body-title{height: 1rem;margin-left: 1rem;color:var(--nav-color);}
.ff-body-title a{color:var(--nav-color);}
.ff-body-pageset{float: right;margin-right: 1rem;}
.ff-body-pageset a{margin-left: 1rem; color:var(--nav-color);}

/*覆盖*/
/*.layui-btn{background-color: var(--nav-color);}*/
/*.layui-btn{background-color: var(--header-color);}*/
/*.layui-btn-danger{background-color: var(--jianbian-color);}*/
/*.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: var(--header-color);}*/
/*.layui-btn-primary{background-color: #FFF};*/
/*.goback{background-color: none;}*/

.layui-card-header{height: 36px;line-height: 36px;}
.layui-card-body{padding: 1rem;}
.layui-form-label{width: 160px;}
.layui-input-block{margin-left: 200px;}
.layui-form .layui-form-item img{margin-left: 10px;}
.layui-form-item .layui-inline{min-width: 190px;}
form{max-width: 1000px;}
/*搜索筛选*/
.sou{margin-bottom: -1rem;}
.sou .layui-form{max-width: none;}
.sou .layui-form-pane .layui-form-item{display: inline-block;margin-right: 1rem;margin-bottom: 1rem;}
.sou .layui-form-pane .layui-form-item .layui-form-label{width: 6rem;padding: 0;height: 2rem;line-height: 2rem;background-color: #f2f2f2;color:#666;}
.sou .layui-form-pane .layui-form-item .layui-input{display: inline-block;width: 10rem;height: 2rem;line-height: 2rem;margin-right: 0;}
.sou .layui-form-pane .layui-form-item .layui-form-select{display: inline-block;width: 10rem;}
.sou .layui-form-pane .layui-form-item .layui-anim{margin-top: -11px;}
.sou .layui-form-pane .layui-form-item .layui-input-inline{margin-left: -1px;}
.sou .layui-form-pane .layui-form-item .layui-btn{margin-top: -3px;}

.filter-items{position: absolute;right:0;padding: 10px;border:1px solid #ccc;z-index: 10000;background-color: #fff;display: none;}
.sou .layui-form-pane .sou-item{display: none;}

/*搜索选择*/
.sou-select-box{top: -42px;}

.layui-table, .layui-table-view{margin: 0;}
.layui-form-item .layui-input-inline {margin-left: 10px;}         
.layui-table img {width: 38px;}
/*多图*/
#upfile{margin-left: 10px;}
.upfile{margin-left: 10px;}
.img-item{position: relative;display: inline-block;margin-right: 5px;}
.img-item img{width:50px;}
.img-item  .layui-icon-close-fill{top: -10px; left: 50px; position: absolute;    color: red;    font-size: 21px; display: none;}
.img-item:hover .layui-icon-close-fill{display: inline-block;}

@media screen and (max-width: 768px) {
    footer{width: 0;}
    footer .logo{width: 3rem;}
    main{left:0}
    .ff-body{margin: 1rem 0;}
    .ff-body-title{margin-left: 0;}
    .userinfo .ff-hd-user{width: 3rem;}
    .search input{display: none;}
    .layui-form-label{width: 60px;}
    .layui-input-block{margin-left: 100px;}
    .layui-table-page{overflow: scroll;}
    .layui-table-fixed{display: none;}
}

/*pre{position: fixed;
    right: 0;
    bottom: 0;
    background: #FFF;
    opacity: 0.8;
    z-index: 10000;    
}*/
